<!doctype html>
<html lang="zh-cmn-Hans">

<head>
    <!-- 编码方式 -->
    <meta charset="utf-8">
    <!-- 移动端视图 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- SEO友好关键字 -->
    <meta name="keywords" content="西南科技大学">
    <meta name="keywords" content="计算机&网络技术协会">
    <meta name="keywords" content="西南科技大学计算机&网络技术协会">
    <meta name="keywords" content="首页">
    <!-- 页面描述内容 -->
    <meta name="description" content="西南科技大学计算机&网络技术协会">
    <!-- 作者 -->
    <meta name="author" content="西南科技大学计算机&网络技术协会,1519518315@qq.com">
    <!-- 搜索引擎索引 -->
    <meta name="robots" content="index">
    <!-- 搜索引擎爬虫重访时间 -->
    <meta name="revisit-after" content="1 days">
    <!-- 默认webkit内核 -->
    <meta name="renderer" content="webkit">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/css/resources/bootstrap.css">
    <link rel="stylesheet" href="/fontawesome-free-5.11.2-web/css/all.css">
    <!-- yangjiangtao -->
    <link rel="stylesheet" href="/css/front/yjt.layout.css">
    <link rel="stylesheet" href="/css/front/yjt.jumbotron.css">
    <link rel="stylesheet" href="/css/front/yjt.menu.css">
    <link rel="stylesheet" href="/css/front/yjt.post.css">
    <link rel="stylesheet" href="/css/front/yjt.aside.box.css">
    <link rel="stylesheet" href="/css/front/style.zhanghongtao.css">
    <link rel="stylesheet" href="/css/front/reset.css">
    <link rel="stylesheet" href="/css/front/all.css">
    <!-- 你的css样式 -->
    <title>Welcome to CaitClub</title>
</head>

<body>
    <div id="page" class="page">
        <aside class="aside-menu bg-black text-white " id="collapseAside">
            <ul class="menu-nav">
                <li class="brand">Cait·Club</li>
                <li><a href="index.html">Home</a></li>
                <li><a href="news.html">News</a></li>
                <li><a href="notice.html">Notice</a></li>
                <li><a href="member.html">Members</a></li>
                <li><a href="about.html">About</a></li>
            </ul>
            <div class="px-5 ">
                <div class="seacher-box py-4 mb-4">
                    <h2 class="box-title">Search</h2>
                    <form action="#" class="search-form" method="GET">
                        <label class="search-field">
                            <span class="sr-only">Search...</span>
                            <input type="text" class="search-btn" placeholder="Search...">
                        </label>
                        <button type="submit" class="search-submit" placeholder="Search...">
                            <i class="fas fa-search"></i>
                        </button>
                    </form>
                </div>
                <div class="lastest-file-box py-4 mb-5">
                    <h2 class="box-title">Latest Posts</h2>
                    <ul class="list-unstyled file-list">
                        <li>
                            <blockquote class="blockquote">
                                <a href="#" class="file-list-title">
                                    Our trip to Mount Cook
                                </a>
                                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                                </footer>
                            </blockquote>
                        </li>
                        <li>
                            <blockquote class="blockquote">
                                <a href="#" class="file-list-title">Vegetable stir fry
                                </a>
                                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                                </footer>
                            </blockquote>
                        </li>
                        <li>
                            <blockquote class="blockquote">
                                <a href="#" class="file-list-title">The eighth Wonder of the
                                    World
                                </a>
                                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                                </footer>
                            </blockquote>
                        </li>
                        <li>
                            <blockquote class="blockquote">
                                <a href="#" class="file-list-title">
                                    Our trip to Mount Cook
                                </a>
                                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                                </footer>
                            </blockquote>
                        </li>
                        <li>
                            <blockquote class="blockquote">
                                <a href="#" class="file-list-title">Vegetable stir fry
                                </a>
                                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                                </footer>
                            </blockquote>
                        </li>
                    </ul>
                </div>
                <div class="tag-box py-4 ">
                    <h2 class="box-title">Tags</h2>
                    <div class="tages">
                        <a href="#"> website stores</a>
                        <a href="#" class="h4">bootstrap </a>
                        <a href="#">home </a>
                        <a href="#">home </a>
                        <a href="#">alcohol </a>
                        <a href="#">home </a>
                        <a href="#" class="h3">website stores </a>
                        <a href="#"> </a>
                        <a href="#" class="h3">collect information </a>
                        <a href="#" class="h2"> information </a>
                        <a href="#"> </a>
                        <a href="#">collect information </a>
                        <a href="#" class="h3">collect information </a>
                        <a href="#"></a> </a>
                        <a href="#" class="h5">collect information </a>
                        <a href="#">information </a>
                        <a href="#" class="h4">collect information </a>
                        <a href="#">collect information </a>
                        <a href="#" class="h2">collect information </a>
                        <a href="#" class="h6">collect information </a>
                        <a href="#"> interact with </a>
                        <a href="#" class="h5"> visitors both </a>
                        <a href="#" class="h6">analytics </a>
                        <a href="#" class="h3">other media.</a>
                        <a href="#"> cookies </a>
                        <a href="#" class="h2">these problems</a>
                        <a href="#">Customers </a>
                        <a href="#" class="h5">common</a>
                    </div>
                </div>
                <div class="about-box py-4 mb-5">
                    <h2 class="box-title ">About Us</h2>
                    <p>Publication is an elegant blog and magazine theme that features
                        full-screen Featured Images. It’s perfect for sites about fashion,
                        food, travel, or design. With balanced typography, colors, and
                        attention to detail, Publication helps you create visually stunning
                        posts.</p>
                </div>
            </div>
        </aside>
        <header>
            <section>
                <div class="jumbotron bg-jumbotron text-light mb-0">
                    <h1 class="heading m-0">Cait·Club</h1>
                    <button id="menuBtn" class="menu-btn" style="z-index: 1000;">
                        <i class="fas fa-1x fa-bars"></i>
                    </button>


                    <div>
                        <h1 class="display-4">Our trip to Mount Cook</h1>
                        <p class="lead">This is a simple hero unit, a simple jumbotron-style component
                            for calling extra attention to featured content or information.</p>
                    </div>
                </div>
            </section>
        </header>
        <main class="mainstay">
            <div class="topping clearfix">
                <div class="topping_1">
                    关于我们
                </div>
            </div>
            <aside class="left">
                <div class="card" style="max-width: 759px;">
                    <div class="row no-gutters">
                      <div class="col-md-4">
                        <img src="/img/11.jpg" class="card-img" alt="...">
                      </div>
                      <div class="col-md-8">
                        <div class="card-body">
                          <h5 class="card-title">机器学习</h5>
                          <p class="card-text">各种机器学习技术的的知识，就好比任何数据科学家的“心脏”一样。很难想象，会有这样的数据科学家，居然没有机器学习方面的知识。大多数公司要求机器学习工程师至少具备 3~5 年的基础经验，之后，才有资格成为任何组织的数据科学家。在人工智能项目中，机器学习工程师就是“万事通”。万事通意味着，对问题定义、数据分析、结果展示和测试都有透彻的理解。它包括了从预处理到选择合适的算法来解决问题，再到以出色的可视化方式来展示结果的方方面面。整个过程都要靠你自己动手，因为你既是开发人员，又是分析人员，同时还是测试人员。</p>
                          <p class="card-text move"><small class="text-muted">Last updated 1 mins ago</small></p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="card" style="max-width: 759px;">
                    <div class="row no-gutters">
                      <div class="col-md-4">
                        <img src="/img/12.jpg" class="card-img clearfix" alt="...">
                      </div>
                      <div class="col-md-8">
                        <div class="card-body">
                          <h5 class="card-title">计算机科学基础</h5>
                          <p class="card-text">计算机科学技能是很少有人能掌握的。但我有很多熟人，他们都是专业的机械工程师。他们开始学习 Python，然后转入数据科学领域。你会惊讶的发现，他们的表现就像冠军一样。
                            但是，计算机科学概念对数据科学家的角色来说，是非常重要的要求。如果你能够掌握算法、操作系统、Web 开发和设计、计算机网络的基础知识将会带来很大的不同。掌握这些概念，将会使你的速度提高十倍。</p>
                          <p class="card-text text-muted2 move"><small class="text-muted">Last updated 13 mins ago</small></p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="card" style="max-width: 759px;">
                    <div class="row no-gutters">
                      <div class="col-md-4">
                        <img src="/img/13.jpg" class="card-img" alt="...">
                      </div>
                      <div class="col-md-8">
                        <div class="card-body">
                          <h5 class="card-title">脚本与编程语言</h5>
                          <p class="card-text">如果没有 Python、R 或 MatLab 这样的脚本或编程语言，就不可能想象数据科学家的生活会是什么样子的。如果你没有掌握这些脚本或编程语言中的任何一个，那么就请你自己出局吧。没有花花草草的话，你就永远不会有一座花园。你能想象没有花花草草的花园是什么样子的吗？试想一下，那不是花园，那是沙漠。而你必须在沙漠里耕作。这怎么可能呢？你不仅需要了解 Python，还需要了解一些更高级的库，如 TensorFlow、PyTorch、带 MatplotLib 的 Keras、Numpy 和 Pandas。</p>
                          <p class="card-text text-muted3 move"><small class="text-muted">Last updated 4 mins ago</small></p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="card mb-3" style="max-width: 759px;">
                    <div class="row no-gutters">
                      <div class="col-md-4">
                        <img src="/img/14.jpg" class="card-img" alt="...">
                      </div>
                      <div class="col-md-8">
                        <div class="card-body">
                          <h5 class="card-title">数据库SQL和NoSQL</h5>
                          <p class="card-text">每个项目都有自己的数据和存储格式。全面了解各种数据库，可以帮助你理解和定义项目特有的问题。
                            数据可以是任何形式的。你只需接受这些数据就可以了。你不能对客户说，“不行，我想要不同格式的数据。”记住，你的职责就是将数据转换成所需的算法输入，并对其进行预处理。数据科学界指出，粗略的数据会降低正确性，但大量的非结构化数据会带来意想不到的结果。但这需要创新的想法来解决。这时候，如果你掌握不同数据库的知识，将有助于你解决问题。它可以是结构化的、非结构化的、图像、文本、音频或者其他东西。</p>
                          <p class="card-text move"><small class="text-muted">Last updated 56 mins ago</small></p>
                        </div>
                      </div>
                    </div>
                  </div>
            </aside>
            <aside class="right">
              <nav class="navbar navbar-expand-lg navbar-light  daohang">
                <a class="navbar-brand" href="#">置顶</a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                  <span class="navbar-toggler-icon"></span>
                </button>
              
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                  <ul class="navbar-nav mr-auto">
                    <li class="nav-item active">
                      <a class="nav-link" href="#">技术分享 <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="#">Blog留言</a>
                    </li>
                    <li class="nav-item dropdown">
                      <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        个人归档
                      </a>
                      <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="#">近期</a>
                        <a class="dropdown-item" href="#">学术论文</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">留言区</a>
                      </div>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">书屋</a>
                    </li>
                  </ul>
                  <form class="form-inline my-2 my-lg-0">
                    <input class="form-control mr-sm-2" type="search" placeholder="物联网..." aria-label="Search">
                    <button class="btn btn-outline-success my-2 my-sm-0" type="submit">查询</button>
                  </form>
                </div>
              </nav>
              <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                  <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                  <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                  <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                  <div class="carousel-item active">
                    <img src="/img/15.jpg" class="d-block w-100" alt="...">
                    <div class="carousel-caption d-none d-md-block">
                      <h5>First slide label</h5>
                      <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                    </div>
                  </div>
                  <div class="carousel-item">
                    <img src="/img/16.jpg" class="d-block w-100" alt="...">
                    <div class="carousel-caption d-none d-md-block">
                      <h5>Second slide label</h5>
                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                    </div>
                  </div>
                  <div class="carousel-item">
                    <img src="/img/17.jpg" class="d-block w-100" alt="...">
                    <div class="carousel-caption d-none d-md-block">
                      <h5>Third slide label</h5>
                      <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                    </div>
                  </div>
                </div>
                <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
                  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                  <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
                  <span class="carousel-control-next-icon" aria-hidden="true"></span>
                  <span class="sr-only">Next</span>
                </a>
              </div>
              <div class="right2">
                <div class="tit01">
                  <h3 class="right2-1">最新文章</h3>
                  <ul class="smile_rank right2-2">
                                  
                                  <li><a title="凌晨四点的洛杉矶，你再也看不见了" href="https://www.yezismile.com/detail/491.html" target="_blank"><span class="right2-21">1.</span>凌晨四点的洛杉矶，你再也看不见了</a></li>
                                  <li><a title="又是一年小年中" href="https://www.yezismile.com/detail/490.html" target="_blank"><span class="right2-21">2.</span>又是一年小年中</a></li>
                                  <li><a title="在疫情肆虐期间，做好防护，不要心存侥幸" href="https://www.yezismile.com/detail/492.html" target="_blank"><span class="right2-21">3.</span>在疫情肆虐期间，做好防护，不要心存侥幸</a></li>
                                  <li><a title="2020年的第一场雪" href="https://www.yezismile.com/detail/489.html" target="_blank"><span class="right2-21">4.</span>2020年的第一场雪</a></li>
                                  <li><a title="CentOS 6.2编译安装环境" href="https://www.yezismile.com/detail/488.html" target="_blank"><span class="right2-21">5.</span>CentOS 6.2编译安装环境</a></li>
                                  <li><a title="圣诞节正确的打开方式是什么" href="https://www.yezismile.com/detail/487.html" target="_blank"><span class="right2-21">6.</span>圣诞节正确的打开方式是什么</a></li>
                    </ul>
                    <ul class="smile_rank right2-2">
                                  
                      <li><a title="<ul class="smile_rank right2-2">
                                  
                                  <li><a title="最关键的问题是把落实工作抓实抓细" href="https://www.yezismile.com/detail/491.html" target="_blank"><span class="right2-21">7.</span>最关键的问题是把落实工作抓实抓细</a></li>
                                  <li><a title="凝聚众志成城抗疫情的强大力量" href="https://www.yezismile.com/detail/490.html" target="_blank"><span class="right2-21">8.</span>凝聚众志成城抗疫情的强大力量</a></li>
                                  <li><a title="让基层干部把更多精力投入到疫情防控第一线" href="https://www.yezismile.com/detail/492.html" target="_blank"><span class="right2-21">9.</span>让基层干部把更多精力投入到疫情防控第一线</a></li>
                                  <li><a title="告慰逝者，让我们打赢这场不能输的战斗" href="https://www.yezismile.com/detail/489.html" target="_blank"><span class="right2-21">10.</span>告慰逝者，让我们打赢这场不能输的战斗</a></li>
                                  <li><a title="我们在一起共同奋战" href="https://www.yezismile.com/detail/488.html" target="_blank"><span class="right2-21">11.</span>我们在一起共同奋战</a></li>
                                  <li><a title="倾力稳经济预期增发展信心全面做好三农工作" href="https://www.yezismile.com/detail/487.html" target="_blank"><span class="right2-21">12.</span>倾力稳经济预期增发展信心全面做好三农工作</a></li>
                    </ul>
        </ul>
              </div>
            </div>
            </aside>
        </main>
        <footer>
            <div class="footer bg-black">
                Powered by WordPress.com.
            </div>
        </footer>
    </div>

    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="/js/resources/jQuery.v3.4.1.js"></script>
    <script src="/js/resources/popper.v1.16.0.js"></script>
    <script src="/js/resources/bootstrap.js"></script>

    <script src="/js/front/front.common.js"></script>
    <script src="/js/front/front.index.js"></script>
    <script>


    </script>
</body>


</html>
